<template>
  <div>

    <div id="shop">
      <!-- 购物车 -->
      <div class="container">
        <div class="box">
          <h1>我的购物车</h1>
          <!-- <h1>确认订单</h1> -->
          <!-- <h1>支付中心</h1> -->
          <span class="kecheng">共6门，已选择6门</span>
          <span></span>
          <h4>我的订单历史</h4>
        </div>
      </div>
      <div>
        <el-card shadow="always" class="warp">

          <div class="text">购物车内空空如也</div>
          <!-- <Buy/> -->

          <!-- <div class="text" :class="i==1" >购物车内空空如也</div> -->
          <!-- <div ><Buy /></div> -->

          <!-- <order /> -->
          <!-- <pyp/> -->
        </el-card>
      </div>
      <div class="shop-submit" v-if="false">
        <div class="shop-sub">
          <div class="shop-sub-box1">
            <div>
              商品总金额：
              <span class="moneynum">￥328.00</span>
              </div>
            <div class="Spend">支持花呗</div>
            <div class="Spend">可开发票</div>
            <div class="Spend">7天可退款</div>
          </div>
          <button class="shop-sub-go">提交订单</button>
        </div>
      </div>



    </div>


  </div>
</template>

<script>

import Buy from "../components/Buy";
import order from "../components/Order";
import pyp from '../components/pyp'
export default {
    created() {
    let n = window.location.href;
    // this.i=n
    console.log(n);
  },
  data() {
    return {
      i: 1
    };
  },
  components: {
   
    Buy,
    order,
    pyp
  },

  // methods: {
  //   handleshop(name) {
  //     let n = name.split("=")[1];
  //     this.i = n;
  //     this.$router.push({
  //       name
  //     });
  //   }
  // }
};
</script>

<style>
@import url("../assets/css/shop/shop.css");
#shop .shop-submit {
  /* width: 1900px; */
  width: 100%;
  min-width: 1200px;
  height: 100px;
  background: white;
  position: fixed;
  bottom: 0px;
  /* left: 50%; */
  /* height: 50px; */
}
#shop .shop-sub {
  width: 1150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin: auto; */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  line-height: 100px;

  /* background: white; */
}
#shop .shop-sub .shop-sub-box1 {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#shop .shop-sub .shop-sub-go {
  height: 46px;
  width: 146px;
  line-height: 46px;
  border: 1px red solid;
  border-radius: 24px;
  background: red;
  color: white;
}
#shop .moneynum{
  margin-right: 10px;
  color: red;
  font-size: 24px;
}
#shop .Spend{
  padding: 0 12px;
  color: red;
  border: 1px solid red;
  height: 26px;
  line-height: 26px;
  border-radius: 18px;
  margin: 0  10px ;
}
</style>